import React from "react";
import Link from 'next/link'

const MenuItem = ({name, icon, to}) => {
    return (
        <Link href={to}>
            <div className="content-center hover:bg-[#aaaaaa92] rounded-sm flex items-center gap-2 cursor-pointer py-2 px-1">
                <span>{icon}</span>
                <span>{name}</span>
            </div>
        </Link>
    );
};

export default MenuItem;
